.ngw-gui-focus-table-complex-tree {
    overflow-x: hidden;
    overflow-y: auto;

    > table {
        border-collapse: separate;
        border-spacing: 0;
        width: 100%;

        > tbody {
            > tr {
                &:hover {
                    background-color: var(--color-alter);
                }

                &.selected {
                    background-color: var(--color-active);
                }

                > td {
                    cursor: pointer;
                    box-sizing: border-box;
                    padding: 2px;
                    overflow: clip;
                    text-overflow: ellipsis;
                    white-space: nowrap;

                    &:first-child {
                        padding-left: calc(8px + var(--ct-depth) * 20px);
                    }

                    &:last-child {
                        padding-right: 8px;
                    }

                    &.title {
                        min-width: calc((1 / 3) * var(--ct-width));
                        max-width: 0;

                        & > div {
                            display: flex;
                            flex-direction: row;
                            line-height: 28px;

                            & > div.arrow,
                            & > div.error {
                                box-sizing: content-box;
                                padding: 6px 2px 6px 0;
                                height: 16px;
                                font-size: 16px;
                                line-height: 1;
                            }

                            & > div.error {
                                color: var(--error);
                            }

                            & > div.title {
                                flex: 1;
                                min-width: 0;
                                overflow: clip;
                                text-overflow: ellipsis;
                            }
                        }
                    }

                    &.column {
                        padding-right: 8px;
                        padding-left: 8px;
                        width: 0;
                        min-width: min-content;
                    }

                    &.actions {
                        padding-top: 0;
                        padding-bottom: 0;
                        width: 0;
                        min-width: min-content;
                        text-align: right;
                    }
                }
            }
        }
    }

    > div > .drag-between {
        background-color: var(--color-primary);
        height: 2px;
    }
}
